@import '../../global.scss';

@mixin single-grid {
    cursor: pointer;
    display: grid;
    grid-column: 1fr;
    grid-row: 1fr;
    justify-content: center;
    align-items: center;
}

.MDFloatingButton {
    cursor: pointer;
    border-radius: 50%;
    width: 2.8em;
    height: 2.8em;
    @include box-shadow-1dp;
    @include single-grid;
}

.MDFloatingButton:hover {
    @include box-shadow-8dp;
}

.MDFloatingButtonMini {
    border-radius: 50%;
    cursor: pointer;
    width: 2em;
    height: 2em;
    @include box-shadow-1dp;
    @include single-grid;
}

.MDFloatingButtonMini:hover {
    @include box-shadow-8dp;
}

.Content {
    font-size: 1.5em;
    width: 100%;
    height: 100%;
    display: grid;
    grid-column: 1fr;
    grid-row: 1fr;
    border: none;
    background: transparent;
    outline: none;
    justify-content: center;
    align-items: center;
}

