/* ── CTA Button container ── */
.nav-right-btn {
    display      : inline-flex;
    align-items  : center;
    gap          : 10px;
    padding      : 10px 20px;
    margin-left: 25px;
    background   : #1a73e8;
    /* color principal — cámbialo a tu brand color */
    border-radius: 50px;
    cursor       : pointer;
    border       : none;
    transition   : background 0.2s ease, transform 0.15s ease;
}

.nav-right-btn:hover {
    background: #1558c0;
    transform : translateY(-1px);
}

.nav-right-btn:active {
    transform: scale(0.98);
}

/* ── Responsive: solo icono en móvil ── */
@media (max-width: 768px) {
    .nav-right-btn {
        padding : 10px;
        padding-right: 15px;
        position: relative;
        margin-left: 0;
    }

}

/* ── Icono circular ── */
.callIcon {
    display        : flex;
    align-items    : center;
    justify-content: center;
    width          : 36px;
    height         : 36px;
    background     : rgba(255, 255, 255, 0.15);
    border-radius  : 50%;
    color          : #fff;
    font-size      : 18px;
    flex-shrink    : 0;
}

/* ── Texto del botón ── */
.content-btn {
    display       : flex;
    flex-direction: column;
    gap           : 1px;
}

.content-btn p {
    margin     : 0;
    line-height: 1.2;
}

/* Label superior: "Customer Services" */
.content-btn p:first-child {
    font-size     : 11px;
    font-weight   : 400;
    color         : rgba(255, 255, 255, 0.75);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Enlace del teléfono */
.content-btn .theme-btn {
    font-size      : 15px;
    font-weight    : 500;
    color          : #fff;
    text-decoration: none;
}

.content-btn .theme-btn:hover {
    text-decoration: underline;
}