.tag {
    padding-top: 0.625rem; 
    padding-bottom: 0.625rem; 
    padding-left: 1rem; 
    padding-right: 1rem; 
    margin: 0.25rem; 
    align-items: center; 
    border-radius: 9999px; 
    border-width: 1px; 
    border-style: solid; 
    border-color: black; 
    line-height: 1rem; 
    display: inline-flex; 
    cursor: auto; 
}

.tags-block button.active,
.tag.active {
    color: white;
    background-color: var(--color-brand-1); 
    border-color: var(--color-brand-1); 
}

.tagsWrapper {
    white-space: pre; 
    display: flex; 
    overflow-x: scroll; 
    overflow-y: hidden; 
    align-self: flex-end; 
}

@media (min-width: 768px) { 
    .tagsWrapper {
        white-space: normal; 
        display: block; 
        overflow-scroll: auto; 
    }
}

.btn {
    padding-top: 0.875rem; 
    padding-bottom: 0.875rem; 
    padding-left: 2.5rem; 
    padding-right: 2.5rem; 
    width: 100%; 
    border-radius: 100px; 
    line-height: 1rem; 
    align-items: center; 
    display: flex; 
    justify-content: center; 
    margin: auto; 
    white-space: nowrap; 
}

@media (min-width: 768px) { 
    .btn {
        padding-top: 0.75rem; 
        padding-bottom: 0.75rem; 
        padding-left: 4rem; 
        padding-right: 4rem; 
        width: auto; 
    }
}

.btn.btn-blue {
    background-color: var(--brand-1); 
    color: white; 
}

.btn.btn-blue:hover {
    background: #2C3C98;
}

.btn.btn-transparent {
    color: white; 
    border-radius: 9999px; 
    border-width: 1px; 
    border-style: solid; 
    border-color: white; 
    align-items: center; 
    display: flex; 
    padding-top: 0.5rem; 
    padding-bottom: 0.5rem; 
    padding-left: 1.75rem; 
    padding-right: 1.75rem; 
}

.btn-transparent:hover {
    background-color: var(--color-brand-1); 
    border-color: var(--color-brand-1); 
}

.btn.btn-transparent-2 {
    color: white; 
    border-radius: 9999px; 
    border-width: 1px; 
    border-style: solid; 
    border-color: white; 
    align-items: center; 
    display: flex; 
    padding-top: 0.625rem; 
    padding-bottom: 0.625rem; 
    padding-left: 1.25rem; 
    padding-right: 1.25rem; 
}

@media (min-width: 768px) { 
    .btn.btn-transparent-2 {
        padding-top: 0.875rem; 
        padding-bottom: 0.875rem; 
    }
}

.btn.btn-white {
    color: black; 
    background-color: white; 
    border-radius: 100px; 
    align-items: center; 
    display: flex; 
    padding-left: 1.25rem; 
    padding-right: 1.25rem; 
    padding-top: 0.75rem; 
    padding-bottom: 0.75rem; 
}

.btn.btn-video {
    color: white; 
    display: flex; 
    padding: 0.25rem; 
    margin-top: 1.5rem; 
}

@media (min-width: 768px) { 
    .btn.btn-video {
        position: absolute; 
        right: 10rem; 
    }
}

.btn.btn-bottom {
    justify-content: center; 
    align-self: baseline; 
    justify-self: start; 
}