/* =====================================
   Currency Converter
===================================== */

.update-info{
    margin-top: 12px;
    text-align: center;
    font-size: 0.95rem;
    color: #6b7280;
}

.data-source{
    margin-top: 12px;
    text-align: center;
    font-size: 1rem;
}

.data-source a{
    color: var(--tool-accent);
    text-decoration: none;
    font-weight: 600;
}

.data-source a:hover{
    text-decoration: underline;
}

/* Кнопка обміну валют */

.button-group .swap-btn{
    flex: 0 0 100px;
    width: 100px;
    margin: 0;
    padding: 12px 0;

    border: 2px solid var(--tool-accent);
    border-radius: 10px;

    background: #f8fafc;
    color: var(--tool-accent);

    font-size: 1.3rem;
    font-weight: bold;

    cursor: pointer;
    transition: all 0.25s ease;
}

.button-group .swap-btn:hover{
    background: var(--tool-accent);
    color: white;
}

@media (max-width: 768px){

    .button-group{
        display: flex;
        gap: 8px;
    }

    #convertBtn{
        flex: 2;
    }

    #clearBtn{
        flex: 1.3;
    }

    .button-group .swap-btn{
        flex: 0 0 60px;
        width: 60px;
    }

}