a,button {
    font-size: 16px !important;
}
.btn-primary {
    color: var(--gray-00);
    background: var(--green);
    width: max-content;
    height: max-content;
    box-shadow: 0px 8px 8px rgba(0, 0, 0, .4);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    border: 1px solid var(--green);
}

    .btn-primary:hover {
        background: var(--green-10);
        border-color: var(--primary-100);
        color: var(--primary-100);
    }

    .btn-primary:active {
        background: var(--primary-100);
        border-color: var(--primary-100);
        color: var(--green-10);
    }

.btn-primary-dark {
    color: var(--gray-00);
    background: var(--gray-85);
    border-color: var(--gray-85);
    width: max-content;
    height: max-content;
    box-shadow: 0px 8px 8px rgba(0, 0, 0, .4);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    border: 1px solid var(--gray-85);
}

    .btn-primary-dark:hover {
        background: var(--green-10);
        border-color: var(--primary-100);
        color: var(--primary-100);
    }

    .btn-primary-dark:active {
        background: var(--primary-100);
        border-color: var(--primary-100);
        color: var(--green-10);
    }

.btn-secondary {
    color: var(--primary-50);
    background: var(--gray-00);
    border-color: var(--primary-50);
    width: max-content;
    height: max-content;
    box-shadow: 0px 8px 8px rgba(0, 0, 0, .4);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    border: 1px solid var(--primary-50);
}

    .btn-secondary:hover {
        background: var(--primary-2);
        color: var(--primary-50);
    }
    .btn-secondary:active {
        border-color: var(--primary-2);
        color: var(--primary-50);
    }
    .btn-secondary:focus {
        border-color: var(--primary-2);
        color: var(--primary-50);
    }



.col-md-12 .container-button .button-simple-umb {
    color: var(--gray-00);
    background: transparent;
    border-color: var(--gray-00);
    width: max-content;
    height: max-content;
    box-shadow: 0px 8px 8px rgba(0, 0, 0, .4);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    border: 1px solid var(--gray-00);
}
    .col-md-12 .container-button .button-simple-umb::before {
        content: "\f3e8";
        font-family: "bootstrap-icons";
        font-size: 16px;
        margin-right: 8px;
        display: inline-block;
    }

    .col-md-12 .container-button .button-simple-umb:hover {
        background: var(--green-10);
        border-color: var(--primary-100);
        color: var(--primary-100);
    }

    .col-md-12 .container-button .button-simple-umb:active {
        background: var(--primary-100);
        border-color: var(--primary-100);
        color: var(--green-10);
    }

.container-button-social-network{
    display: inline-flex;
}
.btn-social-network {
    border: none;
    padding: 10px;
    color: inherit;
    font-size: 20px !important;
    text-decoration: none;
    display: flex;
    justify-content: center;
    transition: background-color 0.3s ease;
}

    .btn-social-network:hover {
        background-color: #495057; /* Cambia el color al pasar el mouse */
    }

.swal2-styled.swal2-confirm {
    background-color: var(--green) !important;
}

@media (max-width: 768px) {
    /* Cambios en el diseņo para tabletas */
    .btn-social-network {
        font-size: 16px !important;
    }
}