Newer
Older
@import 'src/styles/base/color';
@import 'src/styles/base/breakpoint';
display: flex;
flex-direction: column;
align-items: center;
padding: 1rem 1rem 1.5rem;
gap: 1rem;
@media #{$large-phone} {
width: 100%;
}
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 0.5rem;
justify-content: end;
color: $grey-bright !important;
div {
align-items: center;
display: flex;
flex-direction: column;
grid-column: 2;
}
button {
grid-column: 3;
display: flex;
justify-self: end;
}
button.btn-secondary-negative {
min-width: 40px;
width: 40px;
height: 40px;
padding: 0;
margin: 0;
}