.location_button{
    display: block;
    position: relative;

    width: 100%;
    height: fit-content;

    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.location_button .mask {
    position: relative;

    -webkit-mask-size: 95%;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
}
.location_button h3{
    position: absolute;
    bottom: 20%;
    left: 0;
    text-align: right;
    padding: 5px;
    padding-right: 20px;
    padding-left: 40px;
    margin-left: -4px;
    font-family: 'League Gothic';
    font-size: 200%;
    color:white;

    -webkit-mask: url(https://ska.centersoft.nl/wp-content/uploads/2022/11/Subtraction-25.png);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    -webkit-mask-position: center;
}

.location_button .mask video{
    position: absolute;
    opacity: 0;
    transition: all 0.5s ease-in-out;
    height: 100%;
}
.location_button:hover .mask video{
    opacity: 1;
}

/* EMpty svg for sizing */
.location_button .placeholder-svg {
    width: 100%;
    height: auto;
}