/*!
* Glint CSS
*/
.btn-glint,
.btn.btn-glint {
    position: relative;
}

.btn-glint-shadow:hover {
    box-shadow: 0 1px 3px -5px rgba(0, 0, 0, 0.3);
}

.glint-wrapper .glint-mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;

    border: 1px solid #f2f3f4;

    overflow: hidden;
    outline: none;
    cursor: pointer;

    -webkit-transition: border 1s cubic-bezier(0.15, 1, .30, 1), color .6s cubic-bezier(0.15, 1, .30, 1);
    transition: border 1s cubic-bezier(0.15, 1, .30, 1), color .6s cubic-bezier(0.15, 1, .30, 1);
}

.glint-wrapper .glint-mask::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;

    background-color: rgba(255, 255, 255, 0.7);

    -webkit-transform: translate3d(-112.5%, -25%, 0) rotate3d(0, 0, 1, 45deg);
    transform: translate3d(-112.5%, -25%, 0) rotate3d(0, 0, 1, 45deg);

    -webkit-transition: all 1.1s cubic-bezier(0.15, 1, .30, 1);
    transition: all 1.1s cubic-bezier(0.15, 1, .30, 1);
}

.glint-wrapper:hover .glint-mask {
    border-color: var(--white);
}

.glint-wrapper:hover .glint-mask::before {
    background-color: #fff;

    -webkit-transform: translate3d(112.5%, -50%, 0) rotate3d(0, 0, 1, 90deg);
    transform: translate3d(112.5%, -50%, 0) rotate3d(0, 0, 1, 90deg);
}