button {

    border: none;
    outline: none;
    cursor: pointer;
    background-color: transparent;
}

.blue {     background-color: #002F94; }
.red {      background-color: #940000; }
.gold {     background-color: #8A8364; }
.green {    background-color: #7E9339; }

.pill {
    display: inline-block;
    flex-shrink: 0;

    font-size: 2rem;
    font-weight: 400;
    text-decoration: none !important;
    letter-spacing: -0.02em;
    line-height: 1.2;

    padding: 12px 25px;
    border-radius: 999px;

    color: #1B1B18;
    border: 1px solid #1B1B18;

    transition: all 250ms cubic-bezier(0.167, 0.006, 0.076, 1.015);
}
    .pill:hover {
        background-color: #1B1B18;
    color: #F3F4F1 !important;
    }
.pill__clear {
    background-color: #1B1B18;
    color: #F3F4F1;

}
.pill:after {
    transition: all 250ms cubic-bezier(0.167, 0.006, 0.076, 1.015);

}
    .pill__clear:after {
        content: "";
        display: inline-block; 
        width: 16px;
        height: 16px;
        background-size: cover;
        background-position: top right;
        background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.2002 15.5203C13.7074 16.0275 14.5298 16.0275 15.037 15.5203V15.5203C15.5442 15.0131 15.5442 14.1907 15.037 13.6835L2.85198 1.49847C2.34477 0.991255 1.52242 0.991255 1.0152 1.49847V1.49847C0.507992 2.00568 0.507992 2.82803 1.0152 3.33525L13.2002 15.5203Z' fill='%23ffffff'/%3E%3Cpath d='M15.0418 3.33541C15.549 2.82819 15.549 2.00584 15.0418 1.49863V1.49863C14.5345 0.991415 13.7122 0.991415 13.205 1.49863L1.01995 13.6837C0.51274 14.1909 0.51274 15.0132 1.01995 15.5204V15.5204C1.52716 16.0277 2.34952 16.0277 2.85673 15.5204L15.0418 3.33541Z' fill='%23ffffff'/%3E%3C/svg%3E");
        margin-left: 11px;
    }
    .pill__clear:hover  {

        background-color: #940000;
        border-color: #940000;
        transition: all 250ms cubic-bezier(0.167, 0.006, 0.076, 1.015);
    }
    /* .pill__clear:hover:after {
        background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.2002 15.5203C13.7074 16.0275 14.5298 16.0275 15.037 15.5203V15.5203C15.5442 15.0131 15.5442 14.1907 15.037 13.6835L2.85198 1.49847C2.34477 0.991255 1.52242 0.991255 1.0152 1.49847V1.49847C0.507992 2.00568 0.507992 2.82803 1.0152 3.33525L13.2002 15.5203Z' fill='%23272623'/%3E%3Cpath d='M15.0418 3.33541C15.549 2.82819 15.549 2.00584 15.0418 1.49863V1.49863C14.5345 0.991415 13.7122 0.991415 13.205 1.49863L1.01995 13.6837C0.51274 14.1909 0.51274 15.0132 1.01995 15.5204V15.5204C1.52716 16.0277 2.34952 16.0277 2.85673 15.5204L15.0418 3.33541Z' fill='%23272623'/%3E%3C/svg%3E");
    } */

.pill__reversed {
    background-color: #1B1B18;
    color: #F3F4F1;

}
    .pill__reversed:hover {
        background-color: #F3F4F1;
        color: #1B1B18 !important;
    }

.has-arrow-up-right:after {
    content: "";
    display: inline-block; 
    width: 14px;
    height: 14px;
    background-size: cover;
    background-position: top right;
    color: #1B1B18;
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.0371 0.78125C19.8496 0.78125 20.5371 1.46875 20.5371 2.28125V17.2812C20.5371 18.1562 19.8496 18.7812 19.0371 18.7812C18.1621 18.7812 17.5371 18.1562 17.5371 17.2812V5.90625L3.09961 20.3438C2.47461 20.9688 1.53711 20.9688 0.974609 20.3438C0.349609 19.7812 0.349609 18.8438 0.974609 18.2812L15.4121 3.84375H4.03711C3.16211 3.84375 2.53711 3.15625 2.53711 2.34375C2.53711 1.46875 3.16211 0.84375 4.03711 0.84375H19.0371V0.78125Z' fill='%231B1B18'/%3E%3C/svg%3E");
    margin-left: 11px;
    transform: rotate(45deg);
    transition: all 250ms cubic-bezier(0.167, 0.006, 0.076, 1.015);

}
.has-arrow-up-right:hover:after {
    margin-left: 16px;
margin-right: -5px;
}
.has-arrow-up-right:hover:after {
    /* transform: rotate(45deg); */
}
.pill.has-arrow-up-right:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.0371 0.78125C19.8496 0.78125 20.5371 1.46875 20.5371 2.28125V17.2812C20.5371 18.1562 19.8496 18.7812 19.0371 18.7812C18.1621 18.7812 17.5371 18.1562 17.5371 17.2812V5.90625L3.09961 20.3438C2.47461 20.9688 1.53711 20.9688 0.974609 20.3438C0.349609 19.7812 0.349609 18.8438 0.974609 18.2812L15.4121 3.84375H4.03711C3.16211 3.84375 2.53711 3.15625 2.53711 2.34375C2.53711 1.46875 3.16211 0.84375 4.03711 0.84375H19.0371V0.78125Z' fill='%23F3F4F1'/%3E%3C/svg%3E");
}
.pill__reversed.has-arrow-up-right:after {
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.0371 0.78125C19.8496 0.78125 20.5371 1.46875 20.5371 2.28125V17.2812C20.5371 18.1562 19.8496 18.7812 19.0371 18.7812C18.1621 18.7812 17.5371 18.1562 17.5371 17.2812V5.90625L3.09961 20.3438C2.47461 20.9688 1.53711 20.9688 0.974609 20.3438C0.349609 19.7812 0.349609 18.8438 0.974609 18.2812L15.4121 3.84375H4.03711C3.16211 3.84375 2.53711 3.15625 2.53711 2.34375C2.53711 1.46875 3.16211 0.84375 4.03711 0.84375H19.0371V0.78125Z' fill='%23ffffff'/%3E%3C/svg%3E");

}
.pill__reversed.has-arrow-up-right:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.0371 0.78125C19.8496 0.78125 20.5371 1.46875 20.5371 2.28125V17.2812C20.5371 18.1562 19.8496 18.7812 19.0371 18.7812C18.1621 18.7812 17.5371 18.1562 17.5371 17.2812V5.90625L3.09961 20.3438C2.47461 20.9688 1.53711 20.9688 0.974609 20.3438C0.349609 19.7812 0.349609 18.8438 0.974609 18.2812L15.4121 3.84375H4.03711C3.16211 3.84375 2.53711 3.15625 2.53711 2.34375C2.53711 1.46875 3.16211 0.84375 4.03711 0.84375H19.0371V0.78125Z' fill='%231B1B18'/%3E%3C/svg%3E");

} 


.position-top-right {
    position: absolute;
    top: 0;
    right: -2px;
}
.position-bottom-right {
    position: absolute;
    bottom: 0;
    right: 0;
}
.visually-hidden {
    display: none;
}
.flex-row {
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 15px;
    align-items: center;
    margin-top: 30px;
    margin-bottom: 30px;
}
.layer.kill-pad-v {
    padding-top: 0;
    padding-bottom: 0;
}