@import "../_base.scss"

%button {
    height: 100%;
    aspect-ratio: 3.5;

    border: $border-big;
    border-radius: $border-radius;

    color: $greyscale-0;

    font-family: "Geist";
    font-weight: bold;

    svg {
        height: 60%;
        width: 100%;
    }
}

.register-button {
    @extend %button;

    background-color: $color-ternary-90;

    &:hover {
        background-color: $color-ternary-80;
    }

    &:active {
        background-color: $color-ternary-70;
    }
}


.login-button {
    @extend %button;

    background-color: $color-secondary-90;

    &:hover {
        background-color: $color-secondary-80;
    }

    &:active {
        background-color: $color-secondary-70;
    }
}