.btn-1 {
    cursor: pointer;
    width: auto;
    position: relative;

    border: 2px solid #fff;
    color: #fff;

    font-size: 20px;
    font-weight: 500;
    padding: 0.3em 1em;
    line-height: 1.7em !important;
    background-color: transparent;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    border: 2px solid;
    border-radius: 3px;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-property: all !important;
    transition-property: all !important;

    &::after {
        content: ">";

        position: absolute;
        left: 85%;
        top: 0;
        right: 5%;
        bottom: 0;
        opacity: 0;
    }

    &:hover {
        // background: #2b2bff;
        transition: all 0.5s;
        // border-radius: 10px;
        // box-shadow: 0px 6px 15px #0000ff61;
        padding-right: 2em;
        padding-left: 0.7em;

        &::after {
            opacity: 1;
            transition: all 0.5s;
        }
    }
}