.custom-btn-1,
.custom-btn-2,
.custom-btn-3 {
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
    padding: 12px 16px;
    border-radius: 360px;
    transition: all 0.3s ease-out;
}

.custom-btn-1 span,
.custom-btn-2 span,
.custom-btn-3 span{
    transform: translateX(0);
    font-size: 20px;
    font-family: var(--wp--preset--font-family--citrus-gothic-inline), sans-serif;
    text-transform: uppercase;
    transition: all 0.3s cubic-bezier(0.34, 1.5, 0.64, 1);
}

.custom-btn-1 svg,
.custom-btn-2 svg,
.custom-btn-3 svg {
    position: relative;
    left: 0%;
    right: 100%;
    transition: all 0.3s cubic-bezier(0.34, 1.5, 0.64, 1);
}

.custom-btn-1:hover span,
.custom-btn-1.active span,
.custom-btn-2:hover span,
.custom-btn-3:hover span {
    transform: translateX(-44px);
}

.custom-btn-1:hover svg,
.custom-btn-1.active svg,
.custom-btn-2:hover svg,
.custom-btn-3:hover svg {
    left: calc(100% - 34px);
    right: 0;
}

.custom-btn-1 {
    background: transparent;
    border: 2px solid #fff;
}

.custom-btn-1 span {
    color: #fff;
}

.custom-btn-1 svg {
    fill: #fff;
}

.custom-btn-2 {
    background: #692621;
    border: 2px solid #692621;
}

.custom-btn-2 span {
    color: #fff;
}

.custom-btn-2 svg {
    fill: #fff;
}

.custom-btn-3 {
    background: transparent;
    border: 2px solid #0B3D39;
}

.custom-btn-3 span {
    color: #0B3D39;
}

.custom-btn-3 svg {
    fill: #0B3D39;
}

html[data-scroll="0"] body.page-id-34 .btn-contact-header {
    border: 2px solid #fff;
    background: transparent;
}