.calculation-section {

}
.calculation-section .form-group {
    max-width: 200px;
    margin: 0 auto;
    text-align: center;
}

#hourly-rate {
    text-align: center;
}

.calculation-table {
    position: relative;
    padding: var(--bs-calculator-padding, 3rem);
    background-color: var(--bs-calculator-background, var(--ad-surface-2, #141416));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
    border-radius: var(--bs-calculator-border-radius, 15px);
    margin-bottom: 2rem;
}

.calculation-table::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: var(--ad-border-gradient, linear-gradient(180deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, .04)));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    pointer-events: none;
}
.calculation-table .row {
    --bs-border-color: rgba(255, 255, 255, .14);
}
.calculation-table .row div:last-child {
    background-color: var(--bs-primary)
}
.calculation-table .saved-money::after {
    content: ' €'
}

@media (min-width: 1200px) {
    .calculation-table {
        font-size: 0.938rem;
    }
}
@media (max-width: 768px) {
    .calculation-table .row div:last-child {
        border-radius: var(--bs-calculator-border-radius, 15px);
    }
    .calculation-table .row div:last-child br {
        display: none;
    }
}