.primary-button{ background-color: rgb(201,25,19); color:white; font-size: 1.125rem; font-weight: 500; letter-spacing: normal; border-style: solid; border-color: rgb(201,25,19); border-width:0.125rem; border-radius: 0.25rem; cursor:pointer; margin: 0.5rem; padding-top: 0.625rem; padding-bottom: 0.625rem; padding-left: 1rem; padding-right: 1rem; vertical-align: top; box-shadow:0.125rem 0.125rem 0.625rem rgba(0,0,0,0.15); transition: opacity 0.25s, box-shadow 0.25s; } .primary-button:hover{ opacity:0.7; box-shadow: 0.313rem 0.313rem 0.625rem rgba(0,0,0,0.15); } .primary-button:active{ opacity:0.4; } .secondary-button{ background-color: white; color:rgb(201,25,19); font-size: 1.125rem; font-weight: 500; letter-spacing: normal; border-style: solid; border-color: rgb(201,25,19); border-width:0.125rem; border-radius: 0.25rem; cursor:pointer; margin: 0.5rem; padding-top: 0.625rem; padding-bottom: 0.625rem; padding-left: 1rem; padding-right: 1rem; vertical-align: top; box-shadow:0.125rem 0.125rem 0.625rem rgba(0,0,0,0.15); transition: background-color 0.25s, color 0.25s, box-shadow 0.25s; } .secondary-button:hover{ background-color: rgb(201,25,19); color:white; box-shadow: 0.313rem 0.313rem 0.625rem rgba(0,0,0,0.15); } .secondary-button:active{ opacity:0.4; } .tertiary-button{ background-color: white; color:rgb(26,24,22); font-size: 1.125rem; font-weight: 500; letter-spacing: normal; border-style: solid; border-color: white; border-width:0.125rem; border-radius: 0.25rem; cursor:pointer; margin: 0.5rem; padding-top: 0.625rem; padding-bottom: 0.625rem; padding-left: 1rem; padding-right: 1rem; vertical-align: top; box-shadow:0.125rem 0.125rem 0.625rem rgba(0,0,0,0.15); transition: background-color 0.25s, border-color 0.25s, box-shadow 0.25s; } .tertiary-button:hover{ background-color: rgb(217,217,217); border-color: rgb(217,217,217); box-shadow: 0.313rem 0.313rem 0.625rem rgba(0,0,0,0.15); } .tertiary-button:active{ opacity:0.6; } .navbar-button{ background-color: rgb(201,25,19); color:white; font-size: 1.125rem; font-weight: 500; letter-spacing: normal; border-style: solid; border-color: rgb(201,25,19); border-width:0.125rem; border-radius: 0.25rem; cursor:pointer; padding-top: 0.625rem; padding-bottom: 0.625rem; padding-left: 1rem; padding-right: 1rem; box-shadow:0.125rem 0.125rem 0.625rem rgba(0,0,0,0.15); transition: opacity 0.25s, box-shadow 0.25s; margin-top: 10%; margin-bottom: 10%; } .navbar-button:hover{ opacity:0.7; box-shadow: 0.313rem 0.313rem 0.625rem rgba(0,0,0,0.15); } .navbar-button:active{ opacity:0.4; }