.booom-button .inline-flex {
    display: inline-flex
}
.booom-button .size-\[22px\] {
    width: 22px;
    height: 22px
}
.booom-button .shrink-0 {
    flex-shrink: 0
}
.booom-button .items-center {
    align-items: center
}
.booom-button .justify-center {
    justify-content: center
}
.booom-button .gap-\[15px\] {
    gap: 15px
}
.booom-button .whitespace-nowrap {
    white-space: nowrap
}
.booom-button .rounded-full {
    border-radius: 9999px
}
.booom-button .border {
    border-width: 1px
}
.booom-button .border-\[\#cdcccc\] {
    --tw-border-opacity: 1;
    border-color: rgb(205 204 204 / var(--tw-border-opacity, 1))
}
.booom-button .border-primary {
    --tw-border-opacity: 1;
    border-color: rgb(27 91 84 / var(--tw-border-opacity, 1))
}
.booom-button .border-white\/75 {
    border-color: rgb(255 255 255 / 0.75)
}
.booom-button .bg-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(27 91 84 / var(--tw-bg-opacity, 1))
}
.booom-button .bg-surface {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 248 / var(--tw-bg-opacity, 1))
}
.booom-button .bg-transparent {
    background-color: transparent
}
.booom-button .py-\[12px\] {
    padding-top: 12px;
    padding-bottom: 12px
}
.booom-button .pl-\[25px\] {
    padding-left: 25px
}
.booom-button .pr-\[14px\] {
    padding-right: 14px
}
.booom-button .font-mulish {
    font-family: Mulish, sans-serif
}
.booom-button .text-\[15px\] {
    font-size: 15px
}
.booom-button .font-bold {
    font-weight: 700
}
.booom-button .leading-\[1\.6\] {
    line-height: 1.6
}
.booom-button .text-black {
    --tw-text-opacity: 1;
    color: rgb(54 52 51 / var(--tw-text-opacity, 1))
}
.booom-button .text-primary {
    --tw-text-opacity: 1;
    color: rgb(27 91 84 / var(--tw-text-opacity, 1))
}
.booom-button .text-surface {
    --tw-text-opacity: 1;
    color: rgb(249 250 248 / var(--tw-text-opacity, 1))
}
.booom-button .no-underline {
    text-decoration-line: none
}
.booom-button .outline {
    outline-style: solid
}
.booom-button .transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.booom-button .hover\:bg-black\/5:hover {
    background-color: rgb(54 52 51 / 0.05)
}
.booom-button .hover\:bg-primary\/90:hover {
    background-color: rgb(27 91 84 / 0.9)
}
.booom-button .hover\:bg-white:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}
@media (min-width: 640px) {
    .booom-button .sm\:text-\[16px\] {
        font-size: 16px
    }
}