a {
    color: var(--green);
    text-decoration: none;
    background-color: transparent;
}

a:hover {
    text-decoration: none;
}

.button-primary-yellow {
    width: 100%;
    background-color: var(--yellow);
    border-radius: var(--border-radius);
    border: none;
    padding: 5px 10px;
    text-transform: normal;
    color: var(--headline-color);
    font-family: Barlow-medium;
    font-weight: 400;
    transition: 0.3s;
    font-size: var(--button-font-size);
}

.button-primary-yellow-auto {
    width: auto;
    background-color: var(--yellow);
    border-radius: var(--border-radius);
    border: none;
    padding: 5px 30px;
    text-transform: normal;
    color: var(--headline-color);
    font-family: Barlow-medium;
    font-weight: 400;
    transition: 0.3s;
    font-size: var(--button-font-size);
}

.light-yellow {
    background-color: #FFF2CA;
}

a.button-primary-yellow-auto {
    width: auto;
    background-color: var(--yellow);
    border-radius: var(--border-radius);
    border: none;
    padding: 5px 30px;
    text-transform: normal;
    color: var(--headline-color);
    font-family: Barlow-medium;
    font-weight: 400;
    transition: 0.3s;
    font-size: var(--button-font-size);
    line-height: 30px;
}

.button-primary-green {
    width: 100%;
    background-color: var(--green);
    border-radius: var(--border-radius);
    border: none;
    padding: 5px 10px;
    text-transform: uppercase;
    color: var(--white);
    font-family: Barlow-medium;
    font-weight: 600;
    transition: 0.3s;
    font-size: var(--button-font-size);
}

.button-primary-yellow:hover,
.button-primary-yellow-auto:hover {
    text-decoration: none;
    color: var(--headline-color) !important;
}

.button-primary-yellow:hover,
.button-primary-green:hover,
.button-primary-yellow-auto:hover {
    box-shadow: var(--button-shadow);
    transition: 0.3s;
}

.button-tertiary {
    background-color: transparent;
    border-radius: var(--border-radius);
    border: none;
    padding: 5px 30px;
    text-transform: normal;
    color: var(--headline-color);
    font-family: Barlow-medium;
    font-weight: 400;
    transition: 0.3s;
    font-size: var(--button-font-size);
    text-align: center;
}

.footer-login .button-tertiary-grey {
    width: 100%;
    background-color: transparent;
    border-radius: var(--border-radius);
    border: none;
    padding: 0px;
    color: var(--text-gray);
    font-family: Barlow-regular;
    transition: 0.3s;
    font-size: 12px;
}

.button-tertiary:hover,
.footer-login .button-tertiary-grey:hover {
    color: var(--green);
}

.danger {
    border-radius: var(--border-radius);
    border: 1px solid var(--red);
    color: var(--red);
    font-family: Barlow-medium;
}

.button-auto {
    width: auto;
}

.button-auto:hover {
    width: auto;
}

.btn.btn-primary.leftLst {
    position: absolute;
    top: 5px;
    left: 78%;
    background-color: var(--yellow);
    font-weight: bold;
    color: var(--headline-color);
    border: none;
}

.btn.btn-primary.rightLst {
    position: absolute;
    top: 5px;
    left: 88%;
    background-color: var(--yellow);
    font-weight: bold;
    color: var(--headline-color);
    border: none;
}

.btn-alert-close {
    font-size: 25px;
    font-weight: 200px;
    opacity: 1;
}

.full-width-button {
    width: 100%;
}

a.white-tertiary-button {
    background-color: transparent;
    border-radius: var(--border-radius);
    border: none;
    padding: 5px 30px;
    padding-bottom: 0;
    text-transform: normal;
    color: var(--white);
    font-family: Barlow-medium;
    font-weight: 400;
    transition: 0.3s;
    font-size: var(--button-font-size);
    text-align: center;
    position: absolute;
    bottom: 10px;
}

.swal2-confirm.swal2-styled {
    width: 100%;
    background-color: var(--yellow);
    border-radius: var(--border-radius);
    border: none;
    padding: 5px 10px;
    text-transform: normal;
    color: var(--headline-color);
    font-family: Barlow-medium;
    font-weight: 400;
    transition: 0.3s;
    font-size: var(--button-font-size);
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus {
    box-shadow: none;
}

.swal2-cancel.swal2-styled {
    background-color: transparent;
    border-radius: var(--border-radius);
    border: none;
    padding: 5px 30px;
    text-transform: normal;
    color: var(--headline-color);
    font-family: Barlow-medium;
    font-weight: 400;
    transition: 0.3s;
    font-size: var(--button-font-size);
    text-align: center;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel:focus {
    box-shadow: none;
}

.button-tertiary.add-item {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px;
}

.button-tertiary.add-item-unos {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px;
}
.button-tertiary[disabled] {
    opacity: .5;
    cursor: not-allowed;
}

.ikonica-primary {
    height: 40px;
    width: 40px;
    display: block;
    float: right;
    line-height: 35px;
  }