.btn-base {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    background-color: #E73E1D !important;
    color: white !important;
    font-size: 0.85rem;
    font-weight: 500;
    padding: 0.6rem 1.5rem !important;
    border-radius: 9999px !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    text-decoration: none !important;
    border: none !important;

    height: auto !important;
    width: auto !important;
}

.btn-base:hover {
    box-shadow: 0 0 30px -5px rgba(231,62,29,0.5);
    transform: translateY(-1px);
    color: white !important;
}

.btn-base iconify-icon {
    font-size: 1.2em;
    transition: transform 0.3s ease;
}

.btn-base:hover iconify-icon {
    transform: translateX(3px);
}

.btn-base .arrow {
    display: none !important;
}

.btn-circle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem !important;
    height: 2.75rem !important;
    border-radius: 50% !important;
    background-color: rgba(231, 62, 29, 0.1) !important;
    color: #E73E1D !important;
    transition: all 0.3s ease;
    border: none !important;
    padding: 0 !important;
    cursor: pointer;
}

.btn-circle:hover,
.tarjeta:hover .btn-circle {
    background-color: #E73E1D !important;
    color: white !important;
    transform: scale(1.05) !important;
}

.btn-circle iconify-icon {
    font-size: 1.25rem;
}

.tarjeta:hover .btn-circle {

    transform: scale(1.05);
}