55 lines
855 B
CSS
55 lines
855 B
CSS
|
|
.main {
|
|
width: 23vw;
|
|
max-width: 630px;
|
|
}
|
|
|
|
.heading {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
text-transform: uppercase;
|
|
padding: 20px 0;
|
|
}
|
|
|
|
.hRecTnx {
|
|
font: bold 1.1em Arial, Sans-serif;
|
|
color: #787495;
|
|
}
|
|
|
|
.hSeeAll {
|
|
font: bold 1.1em Sans-serif;
|
|
color: #302D46;
|
|
}
|
|
|
|
.optionButton {
|
|
border: 1px solid #D7D8DD;
|
|
border-radius: 10px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-grow: 1;
|
|
flex-basis: 0;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
font: 1.1em Arial, Sans-serif;
|
|
height: 50px;
|
|
padding: 20px;
|
|
color: #413A6E;
|
|
}
|
|
|
|
.options {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
margin-bottom: 30px;
|
|
gap: 10px;
|
|
}
|
|
|
|
.arrow {
|
|
transform: scaleY(-1);
|
|
-moz-transform: scaleY(-1);
|
|
-webkit-transform: scaleY(-1);
|
|
-ms-transform: scaleY(-1);
|
|
}
|
|
|
|
|