.Containercolumn2 {
        display: flex; /* Habilita Flexbox */
        justify-content: space-between; /* Espaciado uniforme entre columnas */
        align-items: center; /* Centra verticalmente */
        max-width: 100%; /* Ocupa todo el ancho del contenedor padre */
        height: inherit; /* Adopta la altura del contenedor padre */
        gap: 10px; /* Espaciado opcional entre columnas */
        flex-wrap: wrap; /* Permite que las columnas se muevan a la siguiente línea */
        text-decoration: none;
    }
    .c123h1 {
        padding-top: 30%;
    
    }
    .columnA {
        width: 45%; /* Cada columna ocupa el 45% del contenedor */
        max-width: 500px; /* Tamaño máximo */
        min-width: 150px; /* Tamaño mínimo */
        margin: auto; /* Centra columnas pequeñas */
        text-align: center;
        padding: 10px;
        box-sizing: border-box;
        text-decoration: none;
    }
    .type--A{
      --line_color : #555555 ;
      --back_color : #eea2d2 ;
      text-decoration: none;
    }
    .c123h2 {
        font-size: 0.01 em;
        
        
    }
    
    .nicebutton{
        position : relative ;
        z-index : 0 ;
        width : 240px ;
        height : 56px ;
        text-decoration : none ;
        font-size : 14px ; 
        font-weight : bold ;
        color : var(--line_color) ;
        letter-spacing : 2px ;
        transition : all .3s ease ;
    }
    .WhatsApp_icon {
        width: 30px;
    }
    .nicebutton__text{
        display : flex ;
        justify-content : center ;
        align-items : center ;
        width : 100% ;
        height : 100% ;
    }
    .nicebutton::before,
    .nicebutton::after,
    .nicebutton__text::before,
    .nicebutton__text::after{
        content : '' ;
        position : absolute ;
        height : 3px ;
        border-radius : 2px ;
        background : var(--line_color) ;
        transition : all .5s ease ;
    }
    .nicebutton::before{
        top : 0 ;
        left : 54px ;
        width : calc( 100% - 56px * 2 - 16px ) ;
    }
    .nicebutton::after{
        top : 0 ;
        right : 54px ;
        width : 8px ;
    }
    .nicebutton__text::before{
        bottom : 0 ;
        right : 54px ;
        width : calc( 100% - 56px * 2 - 16px ) ;
    }
    .nicebutton__text::after{
        bottom : 0 ;
        left : 54px ;
        width : 8px ;
    }
    .nicebutton__line{
        position : absolute ;
        top : 0 ;
        width : 56px ;
        height : 100% ;
        overflow : hidden ;
    }
    .nicebutton__line::before{
        content : '' ;
        position : absolute ;
        top : 0 ;
        width : 150% ;
        height : 100% ;
        box-sizing : border-box ;
        border-radius : 300px ;
        border : solid 3px var(--line_color) ;
    }
    .nicebutton__line:nth-child(1),
    .nicebutton__line:nth-child(1)::before{
        left : 0 ;
    }
    .nicebutton__line:nth-child(2),
    .nicebutton__line:nth-child(2)::before{
        right : 0 ;
    }
    .nicebutton:hover{
        letter-spacing : 6px ;
    }
    .nicebutton:hover::before,
    .nicebutton:hover .nicebutton__text::before{
        width : 8px ;
    }
    .nicebutton:hover::after,
    .nicebutton:hover .nicebutton__text::after{
        width : calc( 100% - 56px * 2 - 16px ) ;
    }
    .nicebutton__drow1,
    .nicebutton__drow2{
        position : absolute ;
        z-index : -1 ;
        border-radius : 16px ;
        transform-origin : 16px 16px ;
    }
    .nicebutton__drow1{
        top : -16px ;
        left : 40px ;
        width : 32px ;
        height : 0;
        transform : rotate( 30deg ) ;
    }
    .nicebutton__drow2{
        top : 44px ;
        left : 77px ;
        width : 32px ;
        height : 0 ;
        transform : rotate(-127deg ) ;
    }
    .nicebutton__drow1::before,
    .nicebutton__drow1::after,
    .nicebutton__drow2::before,
    .nicebutton__drow2::after{
        content : '' ;
        position : absolute ;
    }
    .nicebutton__drow1::before{
        bottom : 0 ;
        left : 0 ;
        width : 0 ;
        height : 32px ;
        border-radius : 16px ;
        transform-origin : 16px 16px ;
        transform : rotate( -60deg ) ;
    }
    .nicebutton__drow1::after{
        top : -10px ;
        left : 45px ;
        width : 0 ;
        height : 32px ;
        border-radius : 16px ;
        transform-origin : 16px 16px ;
        transform : rotate( 69deg ) ;
    }
    .nicebutton__drow2::before{
        bottom : 0 ;
        left : 0 ;
        width : 0 ;
        height : 32px ;
        border-radius : 16px ;
        transform-origin : 16px 16px ;
        transform : rotate( -146deg ) ;
    }
    .nicebutton__drow2::after{
        bottom : 26px ;
        left : -40px ;
        width : 0 ;
        height : 32px ;
        border-radius : 16px ;
        transform-origin : 16px 16px ;
        transform : rotate( -262deg ) ;
    }
    .nicebutton__drow1,
    .nicebutton__drow1::before,
    .nicebutton__drow1::after,
    .nicebutton__drow2,
    .nicebutton__drow2::before,
    .nicebutton__drow2::after{
        background : var( --back_color ) ;
    }
    .nicebutton:hover .nicebutton__drow1{
        animation : drow1 ease-in .06s ;
        animation-fill-mode : forwards ;
    }
    .nicebutton:hover .nicebutton__drow1::before{
        animation : drow2 linear .08s .06s ;
        animation-fill-mode : forwards ;
    }
    .nicebutton:hover .nicebutton__drow1::after{
        animation : drow3 linear .03s .14s ;
        animation-fill-mode : forwards ;
    }
    .nicebutton:hover .nicebutton__drow2{
        animation : drow4 linear .06s .2s ;
        animation-fill-mode : forwards ;
    }
    .nicebutton:hover .nicebutton__drow2::before{
        animation : drow3 linear .03s .26s ;
        animation-fill-mode : forwards ;
    }
    .nicebutton:hover .nicebutton__drow2::after{
        animation : drow5 linear .06s .32s ;
        animation-fill-mode : forwards ;
    }
    @keyframes drow1{
        0%   { height : 0 ; }
        100% { height : 100px ; }
    }
    @keyframes drow2{
        0%   { width : 0 ; opacity : 0 ;}
        10%  { opacity : 0 ;}
        11%  { opacity : 1 ;}
        100% { width : 120px ; }
    }
    @keyframes drow3{
        0%   { width : 0 ; }
        100% { width : 80px ; }
    }
    @keyframes drow4{
        0%   { height : 0 ; }
        100% { height : 120px ; }
    }
    @keyframes drow5{
        0%   { width : 0 ; }
        100% { width : 124px ; }
    }
    
      .containerA{
        width : 100% ;
        height : 300px ;
        display : flex ;
        flex-direction : column ;
        justify-content : center ;
        align-items : center ;
        text-decoration: none;
        padding-top: 1px;
    }
    .nicebutton:not(:last-child){
      margin-bottom : 64px ;
    }
  
    
    @media (max-width: 768px) {
        /* Ajustes para pantallas pequeñas */
        .Containercolumn2 {
            flex-direction: column; /* Cambia a un diseño de bloque vertical */
            align-items: stretch; /* Asegura que las columnas ocupen todo el ancho */
            text-decoration: none;
    }
        }

        .columnA {
            width: 100%; /* Las columnas ocupan todo el ancho del contenedor */
            margin: 0 auto; /* Centra las columnas si es necesario */
            text-decoration: none;
    }