/* modal buttons */

div.templated-template-modal-button-top,
div.templated-template-modal-button-bottom {
    transition:      ease-in 200ms;
    width:           var(--gutter);
    height:          100vw;
    display:         flex;
    align-items:     center;
    justify-content: center;
    transform:       rotate(-90deg);
    font-size:       800%;
    color:           #FFFA;
    cursor:          pointer;
    box-shadow:      none;
    user-select:     none;
}

div.templated-template-modal-button-bottom {
    transform: rotate(90deg);
}

#modal-top:hover {
    transition: ease-in 200ms;
    color:      #FFFC;
    box-shadow: inset 0 60px 60px -60px #000a;


}

#modal-bottom:hover {
    transition: ease-in 200ms;
    color:      #FFFC;
    box-shadow: inset 0 -60px 60px -60px #000a;


}

div.templated-template-modal-button-top:hover,
div.templated-template-modal-button-bottom:hover {
    padding-left: 15px;
}