/* CTA final de amar.html */

.amar-cta-actions {
    flex: 0 0 auto;

    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;

    gap: .45rem;

    width: max-content;
    min-width: 185px;
}


/* Mantener Agenda tu cita con el diseño original */
.amar-cta-actions > .btn {
    width: 100%;

    margin: 0 !important;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    white-space: nowrap;
}


/* Volver al Blog debajo */
.amar-back-link {
    width: 100%;

    min-height: 38px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: .4rem;

    padding: .35rem .6rem;

    color: #ffffff !important;

    background: transparent !important;

    border: 0 !important;
    box-shadow: none !important;

    text-decoration: none !important;

    font-weight: 600;

    line-height: 1.2;

    white-space: nowrap;

    transition:
        opacity .2s ease,
        transform .2s ease;
}


.amar-back-link:hover {
    color: #ffffff !important;

    opacity: .85;

    transform: translateX(-2px);
}


/* Tablet y móvil */
@media (max-width: 991.98px) {

    .amar-cta-actions {
        width: fit-content;
        min-width: 0;

        margin-top: .55rem;

        align-items: flex-start;
    }

    .amar-cta-actions > .btn {
        width: fit-content;

        max-width: 100%;
    }

    .amar-back-link {
        width: fit-content;

        justify-content: flex-start;

        padding-left: .15rem;
        padding-right: .15rem;
    }
}


/* Móvil pequeño */
@media (max-width: 575.98px) {

    .amar-cta-actions {
        width: 100%;
    }

    .amar-cta-actions > .btn {
        width: fit-content;
        max-width: 100%;
    }

    .amar-back-link {
        width: fit-content;
    }
}