/*Карточки калькуляторов*/
.calc-card{
    background:var(--card-background);
    padding:var(--main-padding) var(--main-padding-small) ;
    border-radius:var(--main-radius);
    border:1px solid #eef3ff;
    box-shadow:var(--card-shadow);
    display: grid;
}

.calc-card h3{
    margin:0 0 6px;
    font-size:16px;
}

.calc-card p{
    margin:0 0 6px;
    color:var(--main-muted-color);
    font-size:14px;
}

.calc-card .meta{
    font-size:13px;
    color:var(--main-muted-color);
    display:flex;
    justify-content:space-between;
    align-items: end;
}

.calc-card .badges{
    display: flex;
    gap: 6px;
    height: 100%;
    flex-wrap: wrap;
    align-items: center;
}

.calc-card .badges .badge{
    display: inline-block;
    color: var(--main-accent-color);
    border: 1px solid var(--main-accent-color);
    font-size:12px;
    padding:2px 6px;
    border-radius:6px;
    font-weight:600;
    text-transform:capitalize;
    cursor: pointer;
    transition-duration: var(--main-transition-duration);
}

.calc-card .badges .badge:hover{
    background-color: var(--main-accent-color);
    color: #fff;
}

.calc-card .round-button{
    background-color: var(--main-background);
    padding: 8px;
    border-radius: 50%;
    float: right;
    box-shadow: inset 0 0 12px rgba(12,20,35,0.2);
}

.calc-card .round-button .btn{
    display: block;
    width: 40px;
    height: 40px;
    border-radius:50%;
    font-size:14px;
    font-weight:700;
    box-shadow: 0 0px 5px rgba(12,20,35,0.85);
    padding: 5px;
    transition-duration: var(--main-transition-duration);
}

.calc-card .round-button .btn:hover{
    background-color: var(--main-accent-color-dark);
}





/*Адаптив*/
@media (max-width:880px){ 
    
}