.custom_button_container {
    display: flex
}

.custom_button_container a {
    color: #fff !important;
    text-decoration: none
}

.custom_button {
    border-radius: 100px;
    color: #fff;
    cursor: pointer;
    font-family: Barlow, sans-serif;
    font-size: 16px;
    line-height: 1.3;
    position: relative;
    text-decoration: none;
    transition: all .2s ease-in-out
}

.custom_button.style_orange {
    background: #ff3d00
}

.custom_button.style_blue {
    background: #005cff
}

.custom_button.size_normal {
    padding: 16px 40px
}

.custom_button.size_big {
    padding: 24px 40px
}

.custom_button.size_small {
    padding: 8px 20px
}

.custom_button_container.custom_button_center {
    justify-content: center
}

.custom_button_container.custom_button_left {
    justify-content: start
}

.custom_button_container.custom_button_right {
    justify-content: end
}

.custom_button.effect_go:before {
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    content: "";
    display: inline-block;
    height: 8px;
    margin: 0 auto;
    opacity: 0;
    position: absolute;
    right: 35px;
    top: 42%;
    transform: rotate(45deg);
    transition: opacity .2s ease-in-out;
    width: 8px
}

.custom_button.size_big.effect_go:before {
    top: 45%
}

.custom_button.size_small.effect_go:before {
    height: 6px;
    right: 15px;
    width: 6px
}

.custom_button.effect_go:hover {
    color: #fff;
    opacity: 1;
    text-decoration: none
}

.custom_button.size_normal.effect_go:hover {
    padding: 16px 50px 16px 40px
}

.custom_button.size_big.effect_go:hover {
    padding: 24px 50px 24px 40px
}

.custom_button.size_small.effect_go:hover {
    padding: 8px 30px 8px 20px
}

.custom_button.effect_go:hover:before,
.custom_button.effect_opacity {
    opacity: 1
}

.custom_button.effect_opacity:hover {
    opacity: .5
}