/* General  Button Styles */
.wp-block-button .wp-block-button__link {
    padding: 16px 24px;
    font-size: 20px;
    font-weight: 700;
    line-height: 34px;
}

.wp-block-button.is-style-primary .wp-block-button__link {
    background: linear-gradient(90deg, #35265F 0%, #DE1F2F 100%);
    background-color: var(--wp--preset--color--purple);
    color: var(--wp--preset--color--white);
}

.wp-block-button.is-style-secondary .wp-block-button__link {
    background-color: var(--wp--preset--color--dark-purple);
    color: var(--wp--preset--color--white);
}

.wp-block-button.is-style-outlined {
    z-index: 9;
}

.wp-block-button.is-style-outlined .wp-block-button__link {
    background-color: var(--wp--preset--color--white);
    color: var(--wp--preset--color--dark-purple);
    position: relative;
}

.wp-block-button.is-style-outlined .wp-block-button__link:before {
    content: "";
    position: absolute;
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px;
    background: linear-gradient(90deg, #35265F 0%, #DE1F2F 100%);
    border-radius: 999px;
    z-index: -1;
}

.wp-block-button.is-style-p4-primary .wp-block-button__link {
    background-color: var(--wp--preset--color--p-4-purple);
    color: var(--wp--preset--color--white);
}

.wp-block-button.is-style-primary .wp-block-button__link:hover,
.wp-block-button.is-style-secondary .wp-block-button__link:hover,
.wp-block-button.is-style-outlined .wp-block-button__link:hover {
    background: unset;
    background-color: var(--wp--preset--color--purple);
    color: var(--wp--preset--color--white);
}

.wp-block-button.is-style-outlined .wp-block-button__link:hover:before {
    display: none;
}

.wp-block-button.is-style-p4-primary .wp-block-button__link:hover {
    background-color: var(--wp--preset--color--dark-purple);
    color: var(--wp--preset--color--white);
}

.wp-block-button .has-small-font-size {
    font-size: 18px !important;
    line-height: 42px;
    padding: 8px 24px;
}