.content-btn {
    display: flex; /* Asegura el alineamiento flex */
    justify-content: center; /* Centra horizontalmente */
    align-items: center; /* Centra verticalmente */
    text-align: center; /* Alinea el texto al centro */
    width: 100%; /* Ocupa el ancho completo */
}

.content-btn i {
    margin-right: 0.5rem; /* Aplica un margen derecho al ícono */
}

.btn-outline-purple {
    color: #9e13d6 !important;
    background-color: transparent !important;
    border-color: #9e13d6 !important;
    transition: background-color 0.1s linear, color 0.1s linear !important;
    border-radius: 20px !important;
}

.btn-outline-purple:hover {
    background-color: #9e13d6 !important;
    color: white !important;
}

.btn-outline-pink {
    color: #9E63AB !important;
    background-color: transparent !important;
    border-color: #9E63AB !important;
    transition: background-color 0.1s linear, color 0.1s linear !important;
    border-radius: 20px !important;
}

.btn-outline-pink:hover {
    background-color: #9E63AB !important;
    color: white !important;
}

.btn-outline-blue {
    color: #3083BC !important;
    background-color: transparent !important;
    border-color: #3083BC !important;
    transition: background-color 0.1s linear, color 0.1s linear !important;
    border-radius: 20px !important;
}

.btn-outline-blue:hover {
    background-color: #3083BC !important;
    color: white !important;
}

.btn-outline-blue-dark {
    color: #31539e !important;
    background-color: transparent !important;
    border-color: #31539e !important;
    transition: background-color 0.1s linear, color 0.1s linear !important;
    border-radius: 20px !important;
}

.btn-outline-blue-dark:hover {
    background-color: #31539e !important;
    color: white !important;
}

.btn-outline-pblue1 {
    color: #5F6CE7 !important;
    background-color: transparent !important;
    border-color: #5F6CE7 !important;
    transition: background-color 0.1s linear, color 0.1s linear !important;
    border-radius: 20px !important;
}

.btn-outline-pblue1:hover {
    background-color: #5F6CE7 !important;
    color: white !important;
}

.btn-outline-pblue2 {
    color: #515CC5 !important;
    background-color: transparent !important;
    border-color: #515CC5 !important;
    transition: background-color 0.1s linear, color 0.1s linear !important;
    border-radius: 20px !important;
}

.btn-outline-pblue2:hover {
    background-color: #515CC5 !important;
    color: white !important;
}

.btn-outline-pblue3 {
    color: #6270F0 !important;
    background-color: transparent !important;
    border-color: #6270F0 !important;
    transition: background-color 0.1s linear, color 0.1s linear !important;
    border-radius: 20px !important;
}

.btn-outline-pblue3:hover {
    background-color: #6270F0 !important;
    color: white !important;
}

.btn-outline-pblue4 {
    color: #0919A3 !important;
    background-color: transparent !important;
    border-color: #0919A3 !important;
    transition: background-color 0.1s linear, color 0.1s linear !important;
    border-radius: 20px !important;
}

.btn-outline-pblue4:hover {
    background-color: #0919A3 !important;
    color: white !important;
}

.btn-outline-pblue5 {
    color: #353D81 !important;
    background-color: transparent !important;
    border-color: #353D81 !important;
    transition: background-color 0.1s linear, color 0.1s linear !important;
    border-radius: 20px !important;
}

.btn-outline-pblue5:hover {
    background-color: #353D81 !important;
    color: white !important;
}

.btn-outline-pblue6 {
    color: #272D5F !important;
    background-color: transparent !important;
    border-color: #272D5F !important;
    transition: background-color 0.1s linear, color 0.1s linear !important;
    border-radius: 20px !important;
}

.btn-outline-pblue6:hover {
    background-color: #272D5F !important;
    color: white !important;
}

.btn-outline-pblue7 {
    color: #3688E0 !important;
    background-color: transparent !important;
    border-color: #3688E0 !important;
    transition: background-color 0.1s linear, color 0.1s linear !important;
    border-radius: 20px !important;
}

.btn-outline-pblue7:hover {
    background-color: #3688E0 !important;
    color: white !important;
}

.btn-outline-pblue8 {
    color: #5036E0 !important;
    background-color: transparent !important;
    border-color: #5036E0 !important;
    transition: background-color 0.1s linear, color 0.1s linear !important;
    border-radius: 20px !important;
}

.btn-outline-pblue8:hover {
    background-color: #5036E0 !important;
    color: white !important;
}

.btn-outline-pblue9 {
    color: #3652E0 !important;
    background-color: transparent !important;
    border-color: #3652E0 !important;
    transition: background-color 0.1s linear, color 0.1s linear !important;
    border-radius: 20px !important;
}

.btn-outline-pblue9:hover {
    background-color: #3652E0 !important;
    color: white !important;
}

.btn-outline-pblue10 {
    color: #36BEE0 !important;
    background-color: transparent !important;
    border-color: #36BEE0 !important;
    transition: background-color 0.1s linear, color 0.1s linear !important;
    border-radius: 20px !important;
}

.btn-outline-pblue10:hover {
    background-color: #36BEE0 !important;
    color: white !important;
}

.btn-outline-pblue11 {
    color: #8836E0 !important;
    background-color: transparent !important;
    border-color: #8836E0 !important;
    transition: background-color 0.1s linear, color 0.1s linear !important;
    border-radius: 20px !important;
}

.btn-outline-pblue11:hover {
    background-color: #8836E0 !important;
    color: white !important;
}

.btn-outline-pblue12 {
    color: #8191E0 !important;
    background-color: transparent !important;
    border-color: #8191E0 !important;
    transition: background-color 0.1s linear, color 0.1s linear !important;
    border-radius: 20px !important;
}

.btn-outline-pblue12:hover {
    background-color: #8191E0 !important;
    color: white !important;
}

.btn .fa {
    position: absolute; /* Posicionamiento absoluto */
    left: 0.5rem; /* Distancia desde el lado izquierdo del botón */
    top: 50%; /* Posicionamiento vertical al 50% */
    transform: translateY(-50%); /* Desplaza el ícono para centrarlo verticalmente */
    color: inherit; /* Hereda el color del botón */
}

.btn-outline-pgreen1 {
    color: #90EC7B !important;
    background-color: transparent !important;
    border-color: #90EC7B !important;
    transition: background-color 0.1s linear, color 0.1s linear !important;
    border-radius: 20px !important;
}

.btn-outline-pgreen1:hover {
    background-color: #90EC7B !important;
    color: white !important;
}

.btn-outline-pgreen2 {
    color: #7BCA69 !important;
    background-color: transparent !important;
    border-color: #7BCA69 !important;
    transition: background-color 0.1s linear, color 0.1s linear !important;
    border-radius: 20px !important;
}

.btn-outline-pgreen2:hover {
    background-color: #7BCA69 !important;
    color: white !important;
}

.btn-outline-pgreen3 {
    color: #93F47E !important;
    background-color: transparent !important;
    border-color: #93F47E !important;
    transition: background-color 0.1s linear, color 0.1s linear !important;
    border-radius: 20px !important;
}

.btn-outline-pgreen3:hover {
    background-color: #93F47E !important;
    color: white !important;
}

btn-outline-pgreen4 {
    color: #66A858 !important;
    background-color: transparent !important;
    border-color: #66A858 !important;
    transition: background-color 0.1s linear, color 0.1s linear !important;
    border-radius: 20px !important;
}

.btn-outline-pgreen4:hover {
    background-color: #66A858 !important;
    color: white !important;
}


.btn-outline-pgreen5 {
    color: #528646 !important;
    background-color: transparent !important;
    border-color: #528646 !important;
    transition: background-color 0.1s linear, color 0.1s linear !important;
    border-radius: 20px !important;
}

.btn-outline-pgreen5:hover {
    background-color: #528646 !important;
    color: white !important;
}

.btn-outline-pgreen6 {
    color: #3D6434 !important;
    background-color: transparent !important;
    border-color: #3D6434 !important;
    transition: background-color 0.1s linear, color 0.1s linear !important;
    border-radius: 20px !important;
}

.btn-outline-pgreen6:hover {
    background-color: #3D6434 !important;
    color: white !important;
}

.btn-outline-pgreen7 {
    color: #456649 !important;
    background-color: transparent !important;
    border-color: #456649 !important;
    transition: background-color 0.1s linear, color 0.1s linear !important;
    border-radius: 20px !important;
}

.btn-outline-pgreen7:hover {
    background-color: #456649 !important;
    color: white !important;
}

.btn-outline-pgreen8 {
    color: #62A87A !important;
    background-color: transparent !important;
    border-color: #62A87A !important;
    transition: background-color 0.1s linear, color 0.1s linear !important;
    border-radius: 20px !important;
}

.btn-outline-pgreen8:hover {
    background-color: #62A87A !important;
    color: white !important;
}

.btn-outline-pgreen9 {
    color: #4E8662 !important;
    background-color: transparent !important;
    border-color: #4E8662 !important;
    transition: background-color 0.1s linear, color 0.1s linear !important;
    border-radius: 20px !important;
}

.btn-outline-pgreen9:hover {
    background-color: #4E8662 !important;
    color: white !important;
}

.btn-outline-pActivar {
    color: #017B50 !important;
    background-color: transparent !important;
    border-color: #017B50 !important;
    transition: background-color 0.1s linear, color 0.1s linear !important;
    border-radius: 20px !important;
}

.btn-outline-pActivar:hover {
    background-color: #017B50 !important;
    color: white !important;
}

.btn-outline-pInactivar {
    color: #7A2410 !important;
    background-color: transparent !important;
    border-color: #7A2410 !important;
    transition: background-color 0.1s linear, color 0.1s linear !important;
    border-radius: 20px !important;
}

.btn-outline-pInactivar:hover {
    background-color: #7A2410 !important;
    color: white !important;
}

.btn-outline-pUpdt {
    color: #5C93E6 !important;
    background-color: transparent !important;
    border-color: #5C93E6 !important;
    transition: background-color 0.1s linear, color 0.1s linear !important;
    border-radius: 20px !important;
}

.btn-outline-pUpdt:hover {
    background-color: #5C93E6 !important;
    color: white !important;
}

.btn-outline-pNext {
    color: #5C68E6 !important;
    background-color: transparent !important;
    border-color: #5C68E6 !important;
    transition: background-color 0.1s linear, color 0.1s linear !important;
    border-radius: 20px !important;
}

.btn-outline-pNext:hover {
    background-color: #5C68E6 !important;
    color: white !important;
}

.btn-outline-white {
    color: #FFFFFF !important;
    background-color: transparent !important;
    border-color: #FFFFFF !important;
    transition: background-color 0.1s linear, color 0.1s linear !important;
    border-radius: 20px !important;
}

.btn-outline-white:hover {
    background-color: #FFFFFF !important;
    color: white !important;
}