123456789101112131415161718192021222324252627282930313233343536373839404142 |
- .features-icons {
- padding-top: 2rem;
- padding-bottom: 2rem;
- @media (min-width: 768px) {
- padding-top: 6rem;
- padding-bottom: 6rem;
- }
- .features-icons-item {
- max-width: 20rem;
- margin: auto;
- .features-icons-icon {
- width: 10rem;
- height: 10rem;
- margin: auto;
- border-radius: 100%;
- box-shadow: 0 0px 5px 0px rgba(0, 0, 0, 0.3);
- display: flex;
- justify-content: center;
- align-items: center;
- transition-duration: 200ms;
- img {
- height: 5rem;
- }
- &:hover {
- transform: scale(1.05);
- transition-property: all;
- transition-timing-function: linear;
- }
- }
- .title {
- font-size: 1.4375rem;
- margin-top: 0.625rem;
- }
- }
- .index-btn {
- &:hover {
- .title {
- color: $theme-color;
- }
- }
- }
- }
|