/** Animated Button With Swipe Icon **/
.btn-animated {
    position: relative;
}
.btn-animated a::after {
    position: absolute;
    right: 15px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #fff; /* Change border-left to border-right */
    rotate: 180deg;
    content: "";
    margin-left: 10px; /* Change margin-right to margin-left */
}
.btn-animated {
    width: 100%;
}
.btn-animated a {
    display: flex !important;
    align-items: center;
    transition: background 0.05s;
}
.btn-animated a img {
    display: block;
    max-width: 0px;
    height: 30px;
}
.btn-animated:hover, .btn-animated:hover a {
    background: #305DBD;
    color: #fff;
}
.btn-animated:hover a img {
    animation: swipe 0.05s forwards ease-in;
}

@keyframes swipe {
    0% {
        max-width: 0;
        opacity: 0;
    }
    100% {
        max-width: 30px;
        margin-right: 10px;
        opacity: 1;
    }
}

/** SECONDARY BLUE BUTTON **/
.btn-secondary {
    position: relative;
}

.btn-secondary a {
    max-height: 74px;
}

.btn-secondary a {
    display: flex !important;
    align-items: center;
    transition: background 0.05s;
}

.btn-secondary a img {
    margin-right: 16px;
}

.btn-secondary.triangle a::after {
    position: absolute;
    content: "";
    width: 0px;
    height: 0px;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid transparent;
    transition: border;
    transition-duration: .2s !important;
    top: 0;
    right: 0;
    margin: 5px;
}

.btn-secondary:hover a::after {
    border-top: 15px solid white;
}

.wp-block-button.btn-secondary.triangle:hover a {
    background: #305DBD !important;
    color: #fff !important;
    border: 2px solid rgb(48, 93, 189);
}

.btn-secondary.triangle:hover a img {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(103deg) brightness(200%) contrast(100%);
}

.wp-block-button.btn-secondary .wp-block-button__link {
    padding: 17px 24px;
}

.wp-block-button.btn-secondary.thick .wp-block-button__link {
    padding: 24px;
}


.mod-triangle::after {
    position: absolute;
    content: "";
    width: 0px;
    height: 0px;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid transparent;
    transition: border;
    transition-duration: .2s !important;
    top: 0;
    right: 0;
    margin: 5px;
}
.mod-triangle:hover::after {
    border-top: 15px solid #fff !important;
}
.mod-triangle:hover {
	text-decoration: none;
}