button.component.scss

@import "src/assets/styles/variables.scss";

button {
    font-size: inherit;
    background: inherit;
    color: inherit;
    text-align: center;
    padding: 0.5em 1.0em;
    border: 1px solid;
    border-radius: $border-radius;
}
button:hover {
    filter: brightness(125%);
    cursor:pointer;
}

button.large {
    padding: 1.0em 2.0em;
    font-size: 2.0em;
    border: $border;
    border-radius: $border-radius;
}

button.no-border {
    border:0;
}

button.no-padding {
    padding:0;
}

.icon {
    width: 3.0em;
    height: 3.0em;
}

button:disabled {
    opacity: 0.25;
}