.form-radioselect {margin-bottom: -1rem; } .form-radioselect ~ .btn-more {margin-top: 1rem; } .form-radioselect .col {margin-bottom: 1rem; } .form-radioselect label {display: block;height: 100%;margin-bottom: 0;flex-grow: 1; } .form-radioselect .card {border-radius: 0;cursor: pointer;background: var(--white);height: 100%;justify-content: space-between; } .form-radioselect .card > svg {position: absolute;left: 0;top: 0;background: var(--color1);color: var(--white);height: 2rem;width: auto;line-height: 1;display: none; } .form-radioselect .card > svg::before {z-index: 1;position: relative; } .form-radioselect .card-body {display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;flex-grow: 1; } .form-radioselect .card-body.card-icon {flex-basis: 100%; } .form-radioselect .card-body svg {height: 2.5rem;width: auto;color: var(--color1); } .form-radioselect .card-body svg.icon-lg {height: 5.3125rem;line-height: 1; } .form-radioselect input[type=radio] {opacity: 0;width: 0;height: 0;display: none; } .form-radioselect input[type=radio]:checked + .card {background: var(--white);border-color: var(--primary); } .form-radioselect input[type=radio]:checked + .card > svg {display: block;background: var(--primary); }