.btn-cont {
    text-align: center;
    /*margin-top: 200px;*/
}

.btn-cont .btn {
    position: relative;
    padding: 15px 50px;
    width: 230px;
    border: 1px solid white;
    color: white;
    text-decoration: none;
    font-size: 1.125em;
    font-family: interstate, sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    -webkit-font-smoothing: antialiased;
    border-radius: 0px !important;
    /*transition-delay: 3s;*/
}

.loadMoreButton {
    text-align: center;
    /*margin-top: 200px;*/
}

.loadMoreButton .btn {
    position: relative;
    text-align: center;
    padding: 15px 50px;
    width: 140px;
    text-decoration: none;
    font-size: 1.125em;
    font-family: interstate, sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    -webkit-font-smoothing: antialiased;
    border-radius: 0px !important;
    cursor: pointer;
    /*transition-delay: 3s;*/
}

.darkTheme .loadMoreButton .btn {
    color: white;
    border: 1px solid white;
}

.lightTheme .loadMoreButton .btn {
    color: black;
    border: 1px solid black;
}

.darkTheme .loadMoreButton .btn:hover {
    color: black;
    border: 1px solid white;
    background-color: white;
}

.lightTheme .loadMoreButton .btn:hover {
    color: white;
    border: 1px solid black;
    background-color: black;
}

.darkTheme .btn-cont .btn {
    border: 1px solid white;
}

.lightTheme .btn-cont .btn {
    border: 1px solid black;
    color: black;
}

#ageGateModal .loadMoreButton .btn {
    color: white;
    border: 1px solid white;
    width: auto;
}

#ageGateModal .loadMoreButton .btn:hover {
    color: black;
    border: 1px solid white;
    background-color: white;
}

#ageGateModal .btn-cont .btn {
    border: 1px solid white;
}

.nefti .loadMoreButton {
    text-align: left;
}
.nefti .loadMoreButton .btn {
    color: white;
    border: 1px solid white;
    width: auto;
}

.nefti .loadMoreButton .btn:hover {
    color: black;
    border: 1px solid white;
    background-color: white;
}

.nefti .btn-cont .btn {
    border: 1px solid white;
}

.buyNowOne .btn {
    padding: 10px 40px;
}

@media (min-width: 768px) {

    .buyNowOne .btn {
        padding: 15px 50px;
    }

    .buyNowTwo .btn {
        padding: 20px 50px;
    }
}

.btn-cont .btn:hover {
    /*border: none;*/
    animation: removeBorder 2s 1;
    -webkit-animation: removeBorder 2s 1;
    /* Safari and Chrome */
    color: #FFFFFF !important;
}

.btn-cont .btn:focus-visible {
    /*border: none;*/
    animation: removeBorder 2s 1;
    -webkit-animation: removeBorder 2s 1;
    /* Safari and Chrome */
    outline-offset: 0px !important;
    outline: -webkit-focus-ring-color auto 0px !important;
    color: #FFFFFF !important;
}

.lightTheme .btn-cont .btn:hover {
    /*border: none;*/
    animation: removeBorderLight 2s 1;
    -webkit-animation: removeBorderLight 2s 1;
    /* Safari and Chrome */
    color: #000000 !important;
}

.lightTheme .btn-cont .btn:focus-visible {
    /*border: none;*/
    animation: removeBorderLight 2s 1;
    -webkit-animation: removeBorderLight 2s 1;
    /* Safari and Chrome */
    outline-offset: 0px !important;
    outline: -webkit-focus-ring-color auto 0px !important;
    color: #000000 !important;
}

@keyframes removeBorder {
    0% {
        border: none;
    }

    25% {
        border: none;
    }

    75% {
        border: none;
    }

    100% {
        border: 1px solid white;
    }
}

@-webkit-keyframes removeBorder {
    0% {
        border: none;
    }

    25% {
        border: none;
    }

    75% {
        border: none;
    }

    100% {
        border: 1px solid white;
    }
}

@keyframes removeBorderLight {
    0% {
        border: none;
    }

    25% {
        border: none;
    }

    75% {
        border: none;
    }

    100% {
        border: 1px solid black;
    }
}

@-webkit-keyframes removeBorderLight {
    0% {
        border: none;
    }

    25% {
        border: none;
    }

    75% {
        border: none;
    }

    100% {
        border: 1px solid black;
    }
}

.btn-cont .btn:hover .line-1 {
    -webkit-animation: move1 1500ms 1 ease;
    animation: move1 1500ms 1 ease;
}

.btn-cont .btn:hover .line-2 {
    -webkit-animation: move2 1500ms 1 ease;
    animation: move2 1500ms 1 ease;
}

.btn-cont .btn:hover .line-3 {
    -webkit-animation: move3 1500ms 1 ease;
    animation: move3 1500ms 1 ease;
}

.btn-cont .btn:hover .line-4 {
    -webkit-animation: move4 1500ms 1 ease;
    animation: move4 1500ms 1 ease;
}

.lightTheme .btn-cont .line-1,
.lightTheme .btn-cont .line-2,
.lightTheme .btn-cont .line-3,
.lightTheme .btn-cont .line-4 {
    background-color: black;
}

.btn-cont .line-1 {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    background-color: white;
    left: 0;
    bottom: 0;
}

.btn-cont .line-2 {
    content: "";
    display: block;
    position: absolute;
    height: 1px;
    background-color: white;
    left: 0;
    top: 0;
}

.btn-cont .line-3 {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    background-color: white;
    right: 0;
    top: 0;
}

.btn-cont .line-4 {
    content: "";
    display: block;
    position: absolute;
    height: 1px;
    background-color: white;
    right: 0;
    bottom: 0;
}

@-webkit-keyframes move1 {
    0% {
        height: 100%;
        bottom: 0;
    }

    54% {
        height: 0;
        bottom: 100%;
    }

}

@keyframes move1 {
    0% {
        height: 100%;
        bottom: 0;
    }

    54% {
        height: 0;
        bottom: 100%;
    }

}

@-webkit-keyframes move2 {
    0% {
        width: 0;
        left: 0;
    }

    50% {
        width: 100%;
        left: 0;
    }

}

@keyframes move2 {
    0% {
        width: 0;
        left: 0;
    }

    50% {
        width: 100%;
        left: 0;
    }

    100% {
        width: 0;
        left: 100%;
    }
}

@-webkit-keyframes move3 {
    0% {
        height: 100%;
        top: 0;
    }

    54% {
        height: 0;
        top: 100%;
    }

    55% {
        height: 0;
        top: 0;
    }

    100% {
        height: 100%;
        top: 0;
    }
}

@keyframes move3 {
    0% {
        height: 100%;
        top: 0;
    }

    54% {
        height: 0;
        top: 100%;
    }

    55% {
        height: 0;
        top: 0;
    }

    100% {
        height: 100%;
        top: 0;
    }
}

@-webkit-keyframes move4 {
    0% {
        width: 0;
        right: 0;
    }

    55% {
        width: 100%;
        right: 0;
    }

    100% {
        width: 0;
        right: 100%;
    }
}

@keyframes move4 {
    0% {
        width: 0;
        right: 0;
    }

    55% {
        width: 100%;
        right: 0;
    }

    100% {
        width: 0;
        right: 100%;
    }
}