.link {
    &--btn {
        display: inline-block !important;
        text-transform: uppercase;
        font-family: 'Poiret One', cursive;
        font-weight: bold;
        cursor: pointer;
        padding: 1.5vh 3vh;
        background: $color-lightgrey-transparent;
        box-shadow: 0 0 10px $color-grey;
        border: none;
            @media screen and (min-width: 1200px) {
                transition: transform 200ms ease-in-out !important;
                &:hover {
                    transform: scale(1.2, 1.2) !important;
                }
            }
        &50 {
            width: 50%;
        }
        &60 {
            width: 60%;
        }
        &75 {
            width: 75%;
        }
        &100 {
            width: 100%;
        }
        &-big {
            font-size: 30px;
            padding: 3vh 6vh;
            font-weight: 400;
        }
        &-right {
            float: right;
        }
    }
    
}