.custom-btn-1, 
.custom-btn-2, 
.custom-btn-3 {
    display: flex;
    font-family: var(--wp--preset--font-family--roboto);
    font-size: 16px;
    padding-right: 10px;
    font-weight: 600;
}

.custom-btn-1 .btn-text,
.custom-btn-2 .btn-text,
.custom-btn-3 .btn-text {
    line-height: normal;
    padding: 14px 20px;
    transition: all 0.3s ease-out;
}

.custom-btn-1 .btn-arrow,
.custom-btn-2 .btn-arrow,
.custom-btn-3 .btn-arrow {
    padding: 12px;
    transition: all 0.3s ease-out;
}

.custom-btn-1 .btn-text,
.custom-btn-3 .btn-text {
    background: #F97002;
    color: #020202;
}

.custom-btn-1:hover .btn-text,
.custom-btn-3:hover .btn-text {
    background: #020202;
    color: #fff;
}

.custom-btn-1 .btn-arrow {
    background: #020202;
    transform: translateX(10px);
}

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

.custom-btn-1:hover .btn-arrow {
    transform: translateX(0);
}

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

.custom-btn-2:hover .btn-text {
    background: #020202;
    color: #fff;
}

.custom-btn-2 .btn-arrow {
    background: transparent;
    border: 1px solid #020202;
    transform: translateX(10px);
}

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

.custom-btn-2:hover .btn-arrow {
    transform: translateX(0);
    background: #020202;
}

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

.custom-btn-3 .btn-arrow {
    background: #fff;
    transform: translateX(10px);
}

.custom-btn-3 .btn-arrow svg {
    fill: #020202;
}

.custom-btn-3:hover .btn-arrow {
    transform: translateX(0);
    background: #020202;
}

.custom-btn-3:hover .btn-arrow svg {
    fill: #fff;
}