/* CONTENEDOR */
.bes-short-buttons{

    display:flex;
    gap:12px;

    overflow-x:auto;
    -webkit-overflow-scrolling:touch;

    scrollbar-width:none;

    padding:8px 14px;
    margin:14px 0 22px;

    width:100%;

    justify-content:flex-start;

    scroll-behavior:smooth;
}

.bes-short-buttons::-webkit-scrollbar{
    display:none;
}


/* BOTONES */
.bes-short-btn{

    flex:0 0 auto;

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

    min-width:145px;

    padding:12px 20px;

    border-radius:999px;

    font-size:30px;
    font-weight:700;
    line-height:1.1;

    text-decoration:none;

    /* 👇 MARCO NEGRO */
    border:3px solid rgba(0,0,0,.85);

    /* 👇 SOMBRA MÁS LIMPIA */
    box-shadow:0 3px 8px rgba(0,0,0,.12);

    transition:
        transform .22s cubic-bezier(.4,0,.2,1),
        box-shadow .22s cubic-bezier(.4,0,.2,1);

    will-change:transform;

    white-space:nowrap;
    
    /* 👇 CONTORNO */
    -webkit-text-stroke:5px #000;
    paint-order:stroke fill;
}


/* AZUL */
.bes-short-btn--blue{
    background:linear-gradient(135deg,#4d76c5,#3e66b4);
    color:#fff;
}


/* VERDE */
.bes-short-btn--green{
    background:linear-gradient(135deg,#08c412,#05af0e);
    color:#fff;
}


/* HOVER */
@media (hover:hover){

    .bes-short-btn:hover{

        transform:translateY(-2px);

        box-shadow:0 6px 14px rgba(0,0,0,.16);
    }
}


/* ACTIVE */
.bes-short-btn:active{
    transform:scale(.97);
}


/* SELECCIONADO EDITOR */
.bes-short-btn.is-selected{
    outline:3px solid #111;
}


/* TABLET */
@media (max-width:1024px){

    .bes-short-btn{
        font-size:26px;
    }
}


/* MÓVIL */
@media (max-width:768px){

    .bes-short-buttons{
        gap:10px;
        padding:6px 10px;
    }

    .bes-short-btn{

        min-width:130px;

        font-size:20px;

        padding:10px 16px;

        border-width:1.5px;
    }
}